@layout("/common/_container.html"){
<input type="hidden" id="sortMap" value="">
<input type="hidden" id="reservationsId" value="${reservationsId}">
<input type="hidden" id="customerId" value="${customerId}">
<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div class="form-horizontal" id="addForm">
            <div class="row">
                <div class="col-sm-12 proSort">
                    <div style="width:100%;background-color: #F5F5F5;">
                        <#openBillTimeLists  id="openBillTimeLists" list="${payServiceInfoList}"/>
                    </div>
                </div>
            </div>　　　　　　　　　
        </div>
    </div>
    <#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="addVisitedInfoDlg.close()"/>
</div>

<link rel="stylesheet" href="${ctxPath}/static/css/jqui/jquery-ui.min.css">
<script src="${ctxPath}/static/js/jquery-ui.min.js"></script>
<script src="${ctxPath}/static/modular/tcCenter/consultant/addVisited_info.js"></script>
<script>
    $(function () {
        var arrears = document.getElementsByClassName("arrears");
        for(var i=0;i<arrears.length;i++){
            if(arrears[i].innerHTML == 0){
                arrears[i].style.color = "#666666"
            }
        }
    })

    openDeal = function (customerId, reservationsId, operationTime, totleFoldingPay) {
        var ids = customerId + "," + reservationsId + "," + operationTime;
        var index = layer.open({
            type: 2,
            title: '付款',
            area: ['90%', '90%'], //宽高
            fix: true, //不固定
            maxmin: true,
            content: Feng.ctxPath + '/consultant/to_payMent/' + ids
        });
        this.layerIndex = index;
    };
    openSupplement = function (customerId, reservationsId, operationTime, totleFoldingPay) {
        var ids = customerId + "," + reservationsId + "," + operationTime;
        var index = layer.open({
            type: 2,
            title: '付款',
            area: ['90%', '90%'], //宽高
            fix: true, //不固定
            maxmin: true,
            content: Feng.ctxPath + '/consultant/to_supplement/' + ids
        });
        this.layerIndex = index;
    };
    toRefund = function (customerId, reservationsId, operationTime) {
        var cro = customerId + "," + reservationsId + "," + operationTime;
        var index = layer.open({
            type: 2,
            title: '退款',
            area: ['90%', '90%'], //宽高
            fix: true, //不固定
            maxmin: true,
            content: Feng.ctxPath + '/refund/to_refund/' + cro
        });
        this.layerIndex = index;
    };
    openNoDeals = function (customerId, reservationsId, operationTime) {
        var ids = customerId + "," + reservationsId + "," + operationTime;
        var index = layer.open({
            type: 2,
            title: '不成交',
            area: ['90%', '90%'], //宽高
            fix: true, //不固定
            maxmin: true,
            content: Feng.ctxPath + '/consultant/to_noDeal/' + ids
        });
        this.layerIndex = index;
    };
    toVoid = function (customerId, reservationsId, operationTime) {
        var ids = customerId + "," + reservationsId + "," + operationTime;
        var index = layer.open({
            type: 2,
            title: '作废',
            area: ['90%', '90%'], //宽高
            fix: true, //不固定
            maxmin: true,
            content: Feng.ctxPath + '/consultant/to_toVoid/' + ids
        });
        this.layerIndex = index;
    }
    //补欠款
    payQianKuan = function (customerId, reservationsId, operationTime) {
        var ids =customerId + "," + reservationsId + ","+  operationTime;
        var index = layer.open({
            type: 2,
            title: '补欠款',
            area: ['90%', '90%'], //宽高
            fix: true, //不固定
            maxmin: true,
            content: Feng.ctxPath + '/consultant/payKuan/' + ids
        });
        this.layerIndex = index;
    };

    //退款
    refundMoney  = function (customerId, reservationsId, operationTime) {
        var parpams =customerId + "," + reservationsId + ","+  operationTime;
        var index = layer.open({
            type: 2,
            title: '退款',
            area: ['90%', '90%'], //宽高
            fix: true, //不固定
            maxmin: true,
            content: Feng.ctxPath + '/consultant/refundMoney/' + parpams
        });
        this.layerIndex = index;
    };

</script>
<style>
    .ui-state-default {
        height: 40px;
        background: #fff;
        border: 1px solid aliceblue;
        line-height: 40px;
        border-radius: 3px;
        margin-bottom: 2px;
        width: 50%;
    }

    .ui-state-default:hover {
        cursor: pointer;
    }

    .title {
        background: #000;
        color: #fff;
    }

    .sortLeft {
        padding-right: 20px;
    }

    .sortRight {
        padding-right: 20px;
    }

    .ui-sortable {
        /*float: right;*/
    }

    .right_box {
        width: 330px;
        height: 400px;
        position: absolute;
        top: 57px;
        left: 590px;
        border: 1px solid #1E84C6;
    }
</style>
@}
